<template>
	<view class="play-func-board">
	  <view class="left-board">
	    {{ title }}
	  </view>
	  <view
	    class="right-close-board"
	    @click="close"
	  >
	    <image class="img" src="@/static/images/common/small_close.png" />
	  </view>
	</view>
</template>

<script>
	export default {
		props:{
			title: {
			      type: String,
			      default: ''
			    },
		},
		data() {
			return {
				
			};
		},
		methods:{
			close () {
			      this.$emit('close', { action: 'close' });
			    }
		}
	}
</script>

<style lang="scss">
.play-func-board {
  position: relative;
  width: 100%;
  height: 120rpx;
  padding-left: 40rpx;
  padding-top: 40rpx;
  font-size: 38rpx;
  color: #E6E7F2;
  box-sizing: border-box;
}

.play-func-board .right-close-board {
  position: absolute;
  top: 40rpx;
  right: 40rpx;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50rpx;
  height: 50rpx;
}

.play-func-board .right-close-board .img {
  width: 30rpx;
  height: 30rpx;
}
</style>
